<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        span {
            display: inline-block;
            padding: 0 2px;
        }
    </style>
</head>

<body>
    <script>
        /**
         * 产生随机字符
         */
        function getRandomCode() {
            var str = '0123456789';
            var r = Math.floor(Math.random() * str.length); // 0 ~ str.length - 1
            return str[r];
        }
        /**
         * 获取随机颜色
         */
        function getRandomColor() {
            var r = Math.floor(Math.random() * 256);
            var g = Math.floor(Math.random() * 256);
            var b = Math.floor(Math.random() * 256);
            if (r > 240 && g > 240 && b > 240) {//避免颜色太浅看不见
                r = 0;
            }
            return 'rgb(' + r + ',' + g + ',' + b + ')';
        }
        /**
         * 产生随机的角度
         */
        function getRandomDeg() {
            // 产生-30 ~ 30的随机数
            var r = Math.floor(Math.random() * 61);; // 0 ~60
            return r - 30;
        }
        for (var i = 0; i < 6; i++) {
            var color = getRandomColor();
            var word = getRandomCode();
            var deg = getRandomDeg();
            document.write('<span style="transform:rotate(' + deg + 'deg);color:' + color + '">' + word + '</span>');
        }
    </script>
</body>

</html>